<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <!-- 头部 -->
    <div class="header">
      <p>
        <a href="#">华为官网</a>| <a href="#">荣耀官网</a>|
        <a href="#">软件应用</a>| <a href="#">花粉俱乐部</a>|
        <a href="#">Select Region</a>
      </p>
      <p class="right">
        <a href="#">登录</a>| <a href="#">注册</a>| <a href="#">我的订单</a>|
        <a href="#">V码(优购码)</a>| <a href="#">手机版</a>|<a href="#"
          >网站导航</a
        >
      </p>
    </div>
    <!-- logo -->
    <div class="logo">
      <div class="wrapper">
        <img src="./images/logo.huawei.png" alt="" />
        <span>商城首页</span>
      </div>
      <img src="./images/qrcode_vmall_app01.png" alt="" />
    </div>
    <div class="nav">
      <ul>
        <li>全部商品</li>
        <li>华为专区</li>
        <li>HUAWEI P10</li>
        <li>HUAWEI Mate9</li>
        <li>HUAWEI Nova</li>
        <li>华为畅享6S</li>
        <li>荣耀专区</li>
      </ul>
    </div>
    <div class="subnav">
      <ul>
        <li>手机</li>
        <li class="description">HUAWEI Mate系列</li>
        <li>平板 & 穿戴</li>
        <li class="description">平板电脑 手环/手表</li>
        <li>笔记本电脑</li>
        <li>智能家居</li>
        <li class="description">子母路由 电力猫 路由器</li>
        <li>专属配件</li>
        <li class="description">贴膜 保护壳 保护套</li>
        <li>通用配件</li>
        <li class="description">耳机 音箱</li>
      </ul>
      <ol>
        <li>
          <i>1</i>
        </li>
        <li><i>2</i></li>
        <li><i>3</i></li>
        <li><i>4</i></li>
        <li><i>5</i></li>
        <li><i>6</i></li>
        <li><i>7</i></li>
      </ol>
    </div>
    <!-- banner -->
    <div class="banner">
      <img src="./images/2017042210305530.jpg" alt="" />
    </div>
    <div class="goods">
      <ul>
        <li>
          <img src="./images/20170310105644358.jpg" alt="" />
        </li>
        <li>
          <img src="./images/2017031017165551.jpg" alt="" />
        </li>
        <li>
          <img src="./images/20170310090516264.jpg" alt="" />
        </li>
        <li>
          <img src="./images/20170313143419135.jpg" alt="" />
        </li>
      </ul>
    </div>
    <div class="goods2">
      <ul>
        <li>
          <p>HUAWEI P10 Plus <p class="miaoshu">金属钻雕工艺</p> <p class="price">￥4388</p></p>
          <img src="./images/1489161234073.png" alt="" />
        </li>
        <li>
          <p>HUAWEI nova 青春版 <p class="miaoshu">炫出我色彩</p> <p class="price">￥1999</p></p>
          <img src="./images/1491476650727.png" alt="" />
        </li>
        <li>
          <p>HUAWEI Mate9  Pro <p class="miaoshu">2K双曲面屏</p> <p class="price">￥4699</p></p>
          <img src="./images/1484219138436.png" alt="" />
        </li>
      </ul>
    </div>
    <!-- 底部 -->
    <div class="footer">
      <div class="wrapper">
        <!-- 服务 -->
        <div class="service">
          <ul>
            <li>
              <h5></h5>

              <p>500强企业 品质保证</p>
            </li>

            <li>
              <h5></h5>

              <p>7天退货 15天换货</p>
            </li>

            <li>
              <h5></h5>

              <p>99元起免运费</p>
            </li>

            <li>
              <h5></h5>

              <p>448家维修网点 全国联保</p>
            </li>
          </ul>
        </div>

        <!-- 帮助中心 -->
        <div class="help">
          <div class="left">
            <dl>
              <dt>帮助中心</dt>

              <dd><a href="#">购物指南</a></dd>

              <dd><a href="#">配送方式</a></dd>
              <dd><a href="#">支付方式</a></dd>

              <dd><a href="#">常见问题</a></dd>
            </dl>

            <dl>
              <dt>售后服务</dt>

              <dd><a href="#">保修政策</a></dd>

              <dd><a href="#">退换货政策</a></dd>

              <dd><a href="#">退换货流程</a></dd>
              <dd><a href="#">保修状态查询</a></dd>
            </dl>

            <dl>
              <dt>技术支持</dt>

              <dd><a href="#">售后网点</a></dd>

              <dd><a href="#">荣耀零售店铺</a></dd>

              <dd><a href="#">预约维修</a></dd>
              <dd><a href="#">手机寄修服务</a></dd>

              <dd><a href="#">维修配件价格查询</a></dd>

              <dd><a href="#">软件下载</a></dd>
            </dl>

            <dl>
              <dt>关于商城</dt>

              <dd><a href="#">公司介绍</a></dd>

              <dd><a href="#">华为商城简介</a></dd>

              <dd><a href="#">联系客服</a></dd>
            </dl>

            <dl>
              <dt>关注我们</dt>
              <dd><a href="#">新浪微博</a></dd>

              <dd><a href="#">腾讯微博</a></dd>

              <dd><a href="#">花粉俱乐部</a></dd>
              <dd><a href="#">商城手机版</a></dd>
            </dl>
          </div>
        </div>

        <!-- 版权 -->
        <div class="copyright">
          <p>
            <a href="#">友情链接：</a>| <a href="#">华为官网</a>|
            <a href="#">华为消费者业务</a>| <a href="#">荣耀官网</a>|
            <a href="#">花粉俱乐部</a>| <a href="#">莫塞尔商城</a>|
            <a href="#">爱旅官网</a>| <a href="#">华为应用市场</a>|
            <a href="#">万表网</a>|<a href="#">中商情报网</a>|
            <a href="#">刷机精灵</a>| <a href="#">华为手机</a>|
            <a href="#">优购物官网</a>|<a href="#">智能电视</a>|
            <a href="#">UC浏览器</a>|<a href="#">中关村商城</a>|
            <a href="#">酷狗音乐</a>|<a href="">华为商城手机版</a>|
            <a href="#">百信手机网</a>|<a href="">卡宝宝网</a>|
            <a href="#">多特软件下载</a>|<a href="#">同步助手</a>|
            <a href="#">蜂鸟摄影网</a>|<a href="#">奇珀论坛</a>|
            <a href="#">家具商城</a>|<a href="#">拍鞋网商城</a>|
            <a href="#">欧宝丽珠宝</a>|<a href="#">寻购网</a>|
            <a href="#">亿智蘑菇</a>|<a href="#">安卓市场</a>|
            <a href="#">阿里巴巴生意经</a>|<a href="#">手机大全</a>|
            <a href="#">安卓软件园</a>|<a href="#">卓大师刷机</a>|
            <a href="#">智机论坛</a>|<a href="#">电子产品世界</a>|
            <a href="#">历趣网</a>|<a href="#">网购返利</a>|
            <a href="#">Apple110</a>|<a href="#">91手机门户网</a>|
            <a href="#">移动叔叔</a>|<a href="#">奥特莱斯</a>|
            <a href="#">荣耀Magic</a>|<a href="#">携程租车</a>|
            <a href="#">申请链接 >></a>
          </p>
        </div>
        <div class="privacy">
          <span>隐私政策 服务协议 Copyright ? 2012-2017 VMALL.COM 版权所有 保留一切权利</span><br>
          <img src="./images/20160226162651249.png" alt="">
          <span>公安备案 苏公网安备 32011402010009号 | 苏ICP备09062682号-9 | 增值电信业务经营许可证：苏B2-20130048 | 网络文化经营许可证：苏网文[2015] 1599-026号</span><br>
          <img src="./images/20161224180914742.jpg" alt="">
          <img src="./images/20160226162415360.png" alt="">
          <img src="./images/20160226162521265.png" alt="">
          <img src="./images/20160226162531395.png" alt="">
        </div>
      </div>
    </div>
  </body>
</html>
